import 'package:flutter/material.dart';

class MyApp5 extends StatelessWidget {
  // 2. 设置默认值
  const MyApp5({
    super.key,
    this.title = '',
    this.content = '',
    this.tColor = Colors.orange,
    this.cColor = Colors.yellow,
  });

  // 1. 定义属性
  final String title;
  final String content;
  final Color tColor;
  final Color cColor;

  // 重写build 返回需要封装的组件即可
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.purple,
          title: Center(
            child: Text(
              '标题为:$title',
              style: TextStyle(
                  color: tColor, fontSize: 30, fontWeight: FontWeight.w900),
            ),
          ),
        ),
        // 1.2 主体部分
        body: const MyContainer(),
      ),
    );
  }
}

class MyContainer extends StatelessWidget {
  const MyContainer({super.key});

  @override
  Widget build(BuildContext context) {
    return Center(
      // Image.asset 图标，会根据屏幕是 2 倍，3 倍，普通屏幕选取不同的图片
      // 保证图片的进度
      child: Image.asset('open_eyes.png'),
      // Image.network 网络图片，network 有名字的构造函数
      // child: Image.network(
      //   'https://pinoss.com/pdan123/i/pdan1/2024/5/P14.jpg',
      //   width: 200,
      //   height: 400,
      //   fit: BoxFit.fill,
      // ),
    );
  }
}
